<template>
    <div class="cinema">
        <!-- 顶部导航 -->
        <Navbar></Navbar>
        <!-- 下拉菜单 -->
        <DropDownMenu></DropDownMenu>
        <!-- 影院列表 -->
        <CinemaList :cinemaList='cinemaList'></CinemaList>
    </div>
</template>
<script>
import Navbar from '@/components/Navbar'
import DropDownMenu from '@/components/DropDownMenu'
import CinemaList from '@/components/CinemaList'
export default {
    name:'Cinema',
    components:{Navbar,DropDownMenu,CinemaList},
   data() {
      return {
          cinemaList:[], //影城
      }
   },
   mounted(){
       this.$store.dispatch('getCinemaAction')
       this.cinemaList=JSON.parse(sessionStorage.getItem('vuex')).cinemaList.cinemas
   },
}
</script>
<style lang="less" scoped>

</style>
